.all {
    max-width:7.5rem;
    margin: 0 auto;
    .top{
      display:flex;
      position: fixed;
      top:0;
      left:0;
      width: 100%;
      height: 0.88rem;
      background-color:#fff;
      align-items:center;
      border-bottom:.01rem solid #666;
      .one{
          width: 0.5rem;
          height: 0.6rem;
          margin-right:.4rem;
          background:url(../img/xiao/tow_icon.png)0 -.05rem;
      }
      .ss{
          width: 2.82rem;
          height: 0.56rem;
          text-align:center;
          line-height:.56rem;
          color:#333;
          border:.01rem solid #999;
      }
      .two{
        width: 0.4rem;
        height: 0.4rem;
        margin-left:.3rem;
        img{
            width: 100%;
            height: 100%;
        }
     }
   }
   .active{
       background-color:#999;
   }
   .content{
       margin-top:.88rem;
       h2{
           width: 100%;
           height: 0.6rem;
           background-color:#eee;
           text-align:center;
           font-size:.28rem;
           line-height:.6rem;
       }
       .conter{          
               display:flex;
               flex-wrap:wrap;
               padding:.3rem .2rem;
              a{
                width: 25%;
                height: 0.8rem;
                color:#333;
                line-height:.8rem;
              }             
          
       }
   }
}